.container {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #ffffff;
  border-radius: 50%;
  filter: contrast(20);
}

.bg {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background-color: #000000;
  filter:  blur(6px) contrast(20);
}

.box {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translate(-50%,-50%) rotate(0);
  background-color: blue;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  filter: blur(6px) contrast(20);
  transform-origin: -100% center;
  animation: turn 5s linear infinite;
}

@keyframes turn {
  100% {
    transform: translate(-50%,50%) rotate(360deg);
  }
}
